.yg-register {
  width: 100%;

  .dd-cart-nav {
    display: flex;
    z-index: 5;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    line-height: 1.173333rem;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #d8d8d8;

    .iconfont.icon-19 {
      z-index: 2;
      position: absolute;
      top: 0;
      right: 0;
      width: 1.066667rem;
      height: 1.173333rem;
      background-size: 0.586667rem;
      line-height: 1.173333rem;
      font-size: 0.373333rem;
    }

    .icon-cha {
      color: red;
      font-size: 0.426667rem;
      z-index: 2;
      position: absolute;
      top: 0;
      right: 0;
      width: 1.066667rem;
      height: 1.173333rem;
      background-size: 0.586667rem;
      line-height: 1.173333rem;
    }
  }

  .dd-cart-tabbar {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: height 0.4s;
    position: absolute;
  }

  .active {
    height: 1.333333rem;
    transition: height 0.4s;
  }

  h4 {
    width: 80%;
    font-size: 0.533333rem;
    font-weight: bold;
    margin: 8vh auto 4vh;
  }


  .biaodan {
    text-align: center;
    width: 80%;
    margin: 0 auto;

    section {
      margin: 0 auto;
      display: flex;
      width: 80%;
      border-top: 0.026667rem solid #ddd;
      border-bottom: 0.026667rem solid #ddd;

      i {
        line-height: 1.066667rem;
        flex: 2;
      }

      input {
        flex: 8;
        background: #FAFAFA;
        font-size: 0.426667rem;
        padding-left: 0.133333rem;
        height: 1.066667rem;
        border: none;
        outline: none;
      }
    }

    .fasoyanzm2 {
      font-size: 0.426667rem;
      width: 80%;
      height: 1.066667rem;
      color: #fff;
      background: var(--themeColor);
      margin: 1vh 0;
      border-radius: 0.133333rem;
      text-align: center;
      opacity: .4;
    }
    .fasoyanzm3 {
      font-size: 0.426667rem;
      width: 80%;
      height: 1.066667rem;
      color: #fff;
      background: var(--themeColor);
      margin: 1vh 0;
      border-radius: 0.133333rem;
      text-align: center;
      opacity: 1;
    }

    #mobile {
      margin-bottom: 0.133333rem;
    }

    #password {
      margin-top: 0.133333rem;

    }

    button {
      border: none;
    }

   
  }

  .zhuce {
    width: 100%;
    text-align: center;
    .reg-zhuce {
      border: none;
      font-size: 0.426667rem;
      width: 60%;
      height: 1.066667rem;
      color: #fff;
      background: var(--themeColor);
      margin: 4vh 0 0.266667rem 0;
      border-radius: 0.133333rem;
      text-align: center;
    }
  }
   .login {
      width: 100%;
      text-align: center;

      .reg-login {
        border: none;
        font-size: 0.426667rem;
        width: 60%;
        height: 1.066667rem;
        color: #fff;
        text-align: center;
      }
   }
}